.web{
    margin-top: 0.88rem;
}
.web>ul{
    background: #ffffff;
    height: 0.7rem;
    line-height: 0.7rem;
}
.web>ul>li{
    float: left;
    width: 20%;
    text-align: center;
}
.rightSlide{
    position: fixed;
    z-index: 1000;
    right: -71%;
    top: 0.88rem;
    width: 70%;
    height: 93%;
    background: #ffffff;
    box-shadow: -0.05rem 0 0 #86a7d0;
    overflow-y: scroll;
    transition: all 1.2s;
}
.rightSlide>p{
    text-align: center;
    height: 0.7rem;
    line-height: 0.7rem;
    padding-bottom: 0.8rem;
}
/*点击弹出滑框的动画*/
.slide{
    right: 0;
}
.mask{
    position: absolute;
    top: 0px;
    filter: alpha(opacity=60);
    background: black;
    z-index: 990;
    left: 0px;
    opacity: 0.5;
    -moz-opacity: 0.5;
    width: 100%;
    height: 100%;
    display: none;
}
/*全部选项的内容*/
.entire{
    margin-top: 0.2rem;
    background: #feffff;
    height: 10rem;
}
.rollOne{
    background-position: 50%;
    position: relative;
    height: 2rem;
    width: 95%;
    margin: 0 auto;
}
/*改变背景图*/
.entire>.bgImgOne{
    background: url("../../images/rollBg1.png") no-repeat;
    background-size: 100%;
}
.entire>.bgImgTwo{
    background: url("../../images/rollBg2.png") no-repeat;
    background-size: 100%;
}
.entire>.bgImgThree{
    background: url("../../images/rollBg4.png") no-repeat;
    background-size: 100%;
}
.entire>.bgImgFour{
    background: url("../../images/rollBg3.png") no-repeat;
    background-size: 100%;
}
.rollOne>.left{
    width: 57%;
    height: 1rem;
    display: inline-block;
}
.rollOne>.left>span:nth-of-type(1){
    position: absolute;
    top: 0.25rem;
    left: 0.3rem;
    font-size: 0.3rem;
    color: #ffffff;
}
.rollOne>.left>span:nth-of-type(2){
    position: absolute;
    top: 0.55rem;
    font-size: 0.1rem;
    left: 0.3rem;
    color: #ffffff;
}
.rollOne>.left>span:nth-of-type(3){
    position: absolute;
    left: 0.8rem;
    bottom: 0.2rem;
    font-size: 0.1rem;
    color: #ffffff;
}
.rollOne>.right{
    width: 35%;
    display: inline-block;
    text-align: center;
    position: absolute;
}
.rollOne>.right>span:nth-of-type(1){
    display: block;
    font-size: 0.4rem;

    margin-top: 0.2rem;
}
.rollOne>.right>span:nth-of-type(2){
    font-size: 0.1rem;

    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    display: inline-block;
}
.rightBtn{
    width: 1.5rem;
    padding-bottom: 0.1rem;
    display: inline-block;

}
/*修改字体颜色*/
.rollOne>.fontOne>span:nth-of-type(1){
    color: #82a6ee;
}
.rollOne>.fontOne>span:nth-of-type(2){
    color: #a6d1ff;
}
.rollOne>.fontTwo>span:nth-of-type(1){
    color: #be89f3;
}
.rollOne>.fontTwo>span:nth-of-type(2){
    color: #e1c3ff;
}
.rollOne>.fontThree>span:nth-of-type(1){
    color: #fd988b;
}
.rollOne>.fontThree>span:nth-of-type(2){
    color: #ffb9a6;
}
.rollOne>.fontFour>span:nth-of-type(1){
    color: #67ce96;
}
.rollOne>.fontFour>span:nth-of-type(2){
    color: #95e7b6;
}
/*修改按钮背景图和按钮文字颜色*/
.btnImgOne{
    background: url("../../images/rollBtn1.png") no-repeat;
    background-size: 100%;
}
.btnImgOne>span{
    color: #3372ee;
}
.btnImgTwo{
    background: url("../../images/rollBtn2.png") no-repeat;
    background-size: 100%;
}
.btnImgTwo>span{
    color: #9e48ee;
}
.btnImgThree{
    background: url("../../images/rollBtn4.png") no-repeat;
    background-size: 100%;
}
.btnImgThree>span{
    color: #fc705d;
}
.btnImgFour{
     background: url("../../images/rollBtn3.png") no-repeat;
     background-size: 100%;
 }
.btnImgFour>span{
    color: #1abf6f;
}
.rightBtn>span{
    font-size: 0.1rem;
    /*color: #3372ee;*/
}
/*底部两个按钮*/
.butBtn{
    width: 100%;
    height: 1rem;
    margin-top: 0.5rem;
}
.butBtn>button:nth-of-type(1){
    width: 2.44rem;
    height: 0.65rem;
    background: #ff7462;
    color: #fff;
    border-radius: 0.25rem;
    text-align: center;
    box-shadow: 2px 2px 5px #ffd0c9;
    margin-left: 0.5rem;
}
.butBtn>button:nth-of-type(2){
    width: 2.44rem;
    height: 0.65rem;
    background: #72adf5;
    color: #fff;
    border-radius: 0.25rem;
    text-align: center;
    box-shadow: 2px 2px 5px #d8e4fe;
    margin-left: 0.5rem;
}